// 配置
layui.config({
    base: './static/js/'  // 模块目录
}).extend({                     // 模块别名
    m_nav: 'm_nav'
    , m_tab: 'm_tab'
    , m_table: 'm_table'
});

// layui方法
layui.use(['table', 'form', 'layer', 'm_table'], function () {

    // 操作对象
    var form = layui.form
        , table = layui.table
        , layer = layui.layer
        , mTable = layui.m_table
        , $ = layui.jquery;

    // 表格渲染
    var tableIns = table.render({
        elem: '#dateTable'                  //指定原始表格元素选择器（推荐id选择器）
        , height: mTable.getFullHeight()    //容器高度
        , cols: [[                  //标题栏
            {field: 'id',title: 'ID',type: 'checkbox',align: "center"}
            , {field: 'id', title: 'ID'}
            , {field: 'account', title: '用户名'}
            , {field: 'auth_group_name', title: '权限组'}
            , {field: 'last_login_time', title: '最后登录时间'}
            , {field: 'last_login_ip', title: '最后登录IP'}
            , {field: 'create_time', title: '创建时间'}
            , {field: 'status', title: '状态'}
            , {fixed: 'right', title: '操作', align: 'center', toolbar: '#barOption'} //这里的toolbar值是模板元素的选择器
        ]]
        , id: 'dataCheck'
        , url: '/static/json/data_table.json'
        , method: 'get'
        , page: true
        , limits: [30, 60, 90, 150, 300]
        , limit: 30 //默认采用30
        , loading: false
        , done: function (res, curr, count) {
            //如果是异步请求数据方式，res即为你接口返回的信息。
            //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
            console.log(res);

            //得到当前页码
            console.log(curr);

            //得到数据总量
            console.log(count);
        }
    });

    // 获取选中行
    table.on('checkbox(dateTable)', function (obj) {
        console.log(obj.checked); //当前是否选中状态
        console.log(obj.data); //选中行的相关数据
        console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
    });

    // 刷新
    $('#btn-refresh').on('click', function () {
        tableIns.reload();
    });

    //批量删除
    $("#btn-delete-all").click(function(){
        var checkStatus = table.checkStatus('dataCheck'),
            data = checkStatus.data,
            idArr = [];
        if(data.length > 0) {
            for (var i in data) {
                idArr.push(data[i].id);
            }
            console.log(idArr)
        }else{
            layer.msg("请选择需要删除的记录");
        }
    })

    table.on('tool(dateTable)',function(obj){
        var layEvent = obj.event;
        if(layEvent === 'detail'){
            console.log(obj)
        }else if(layEvent === 'edit'){
            console.log(obj)
        }else if(layEvent === 'del'){
            console.log(obj)
        }
    })

});